<div class="conversation-item-container"
  [ngClass]="{'choose': conversation.conversationID === currentConversation.conversationID }"
  (click)="selectConversation()">
  <div class="close-btn">
    <span class="tim-icon-close" title="删除会话" (click)="deleteConversation($event)"></span>
  </div>
  <div class="warp">
    <im-avatar [src]="avatarSrc" [type]="conversation.type"></im-avatar>
    <div class="content">
      <div class="row-1">
        <div class="name">
          <div class="text-ellipsis">
            <span [title]="conversation.userProfile.nick || conversation.userProfile.userID"
              *ngIf="conversation.type ===  TIM.TYPES.CONV_C2C">
              {{conversation.userProfile.nick || conversation.userProfile.userID}}
            </span>
            <span [title]="conversation.groupProfile.name || conversation.groupProfile.groupID"
              *ngIf="conversation.type===TIM.TYPES.CONV_GROUP">
              {{conversation.groupProfile.name || conversation.groupProfile.groupID}}
            </span>
            <span *ngIf="conversation.type === TIM.TYPES.CONV_SYSTEM">系统通知
            </span>
          </div>
        </div>
        <div class="unread-count">
          <span class="badge" *ngIf="this.conversation.unreadCount > 0">
            {{conversation.unreadCount > 99 ? '99+' : conversation.unreadCount}}
          </span>
        </div>
      </div>
      <div class="row-2">
        <div class="summary">
          <div v-if="conversation.lastMessage" class="text-ellipsis">
            <!-- <span class="remind" style="color:red;">[有人提到我]</span> -->
            <span class="text" [title]="conversation.lastMessage.messageForShow">
              {{messageForShow}}
            </span>
          </div>
        </div>
        <div class="date">
          {{date}}
        </div>
      </div>
    </div>
  </div>
</div>
